	$(function(){
		lazyRender();
		function lazyRender () {
		    $('img').each(function () {
		        if (checkShow($(this)) && !isLoaded($(this)) ){
		            loadImg($(this));
		        }
		    })
		}
		$(window).on('scroll',function () {//当页面滚动的时候绑定事件
		    $(window).on('scroll',function () {
		        lazyRender();
		    })
		})
		function checkShow($img) { // 传入一个img的jq对象
		    var scrollTop = $(window).scrollTop();  //即页面向上滚动的距离
		    var windowHeight = $(window).height(); // 浏览器自身的高度
		    var offsetTop = $img.offset().top;  //目标标签img相对于document顶部的位置
		
		    if (offsetTop < (scrollTop + windowHeight) && offsetTop > scrollTop) { //在2个临界状态之间的就为出现在视野中的
		        return true;
		    }
		    return false;
		}
		function isLoaded ($img) {
		    return $img.attr('data-src') === $img.attr('src'); //如果data-src和src相等那么就是已经加载过了
		}
		function loadImg ($img) {
		    $img.attr('src',$img.attr('data-src')); // 加载就是把自定义属性中存放的真实的src地址赋给src属性
		}
		$('#header .nav li .pr p').each((item)=>{
			$('#header .nav li .pr p').eq(item).click(function(){
				window.location.href='product.html'
				localStorage.setItem('proIndex',item)
			})
		})
		
		$('#footer .pr p').each((item)=>{
			$('#footer .pr p').eq(item).click(function(){
				window.location.href='product.html'
				localStorage.setItem('proIndex',item)
			})
		})
		
		$('#header .nav li .ab p').each((item)=>{
			$('#header .nav li .ab p').eq(item).click(function(){
				window.location.href='about.html'
				localStorage.setItem('abIndex',item)
			})
		})
		
		$('#footer .ab p').each((item)=>{
			$('#footer .ab p').eq(item).click(function(){
				window.location.href='about.html'
				localStorage.setItem('abIndex',item)
			})
		})
		
		$('#header .nav li .so p').each((item)=>{
			$('#header .nav li .so p').eq(item).click(function(){
				var index = item+1
				window.location.href='solution'+index+'.html'
			})
			
		})
		$('#footer .so p').each((item)=>{
			$('#footer .so p').eq(item).click(function(){
				var index = item+1
				window.location.href='solution'+index+'.html'
			})
			
		})
		
		//首先将#btn隐藏
		    $(".to-top").hide();
		    //当滚动条的位置处于距顶部50像素以下时，跳转链接出现，否则消失
		    $(function() {
		      $(window).scroll(function() {
		        if ($(window).scrollTop() > 50) {
		          $(".to-top").fadeIn(200);
		        } else {
		          $(".to-top").fadeOut(200);
		        }
		      });
		      //当点击跳转链接后，回到页面顶部位置
		      $(".to-top").click(function() {
		        $('body,html').animate({
		          scrollTop: 0
		        },
		        500);
		        return false;
		      });
		    });
	})